.LemonBanner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0.5rem;
    font-weight: 500;
    color: var(--primary-alt);
    text-align: left;
    border: solid 1px var(--border-3000);
    border-radius: var(--radius);

    &.LemonBanner--info {
        background-color: var(--primary-alt-highlight);
    }

    &.LemonBanner--warning {
        color: var(--warning-dark);
        background-color: var(--warning-highlight);
    }

    &.LemonBanner--error {
        color: var(--danger);
        background-color: var(--danger-highlight);
    }

    &.LemonBanner--success {
        color: var(--success);
        background-color: var(--success-highlight);
    }

    .LemonBanner__icon {
        flex-shrink: 0;
        font-size: 1.5rem;
        line-height: 0;
    }

    p {
        margin-bottom: 0.25em;

        &:last-child {
            margin-bottom: 0;
        }
    }
}
